﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hai Van Travel</title>
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.23.js" type="text/javascript"></script>
    <script src="Scripts/jquery.jscrollpane.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="Scripts/hvt.bootstrap.js" type="text/javascript"></script>
    <link href="Content/reset.css" rel="stylesheet" type="text/css" />
    <link href="Content/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="Content/themes/base/jquery.ui.all.css" rel="stylesheet" />
    <!--<link href="Content/bootstrap-responsive.css" rel="stylesheet" type="text/css" />-->
    <link href="Content/style.css" rel="stylesheet" type="text/css" />
    <link href="Content/jquery.jscrollpane.css" rel="stylesheet" type="text/css" media="all" />
    <!--[if gte IE 9]>
      <style type="text/css">
        .gradient {
           filter: none;
        }
      </style>
    <![endif]-->
</head>
<body class="service">
    <div class="wrapper">
        <header>
            <div class="container">
                <div class="row">
                    <div class="span2 logo">
                        <a href="Index.html">
                            <img src="Content/images/logo.png" alt="Hai Van Travel" />
                        </a>
                    </div>
                    <div class="span14 menu">
                        <div class="span14">
                            <ul class="nav">
                                <li>
                                    <a href="Index.html" style="padding-bottom: 0px; padding-top: 5px;">LOGIN</a>
                                </li>
                                <li>
                                    <div class="select-style">
                                        <select>
                                            <option>Tiếng Việt</option>
                                            <option>English</option>
                                        </select>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="span14" style="margin-top: 10px">
                            <ul class="nav">
                                <li><a href="Index.html">Trang chủ</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Introduction.html">Giới thiệu</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Service.html">Dịch vụ</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="Booking.html">Đặt vé</a></li>
                                <li>
                                    <img src="Content/images/seperator.png" alt="" /></li>
                                <li><a href="News.html">Tin tức</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span16" style="background-image: url('/Content/images/top-shadow.png'); height: 6px; margin-left: 0">
                    </div>
                </div>
            </div>
        </header>
        <div class=" main">
            <div class="container">
                <div class="row service">
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển hành khách công cộng
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="ServiceDetail.html" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển hành khách theo tuyến cố định
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.                            
                            </div>
                            <div class="widget-footer">
                                <a href="ServiceDetail.html" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển khách du lịch
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="ServiceDetail.html" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Chuyển phát nhanh
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="ServiceDetail.html" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Cho thuê xe
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="ServiceDetail.html" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="widget">
                            <div class="widget-title diagonal-gradiant-brown">
                                / Vận chuyển xe bus
                            </div>
                            <div class="widget-content">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ante est, id vehicula sapien.
                            </div>
                            <div class="widget-footer">
                                <a href="ServiceDetail.html" class="link-button diagonal-gradiant-brown">Xem thêm</a>
                            </div>
                        </div>
                    </div>
                    <div class="span4" style="vertical-align: bottom">
                        <a class="widget diagonal-gradiant-brown" style="color: #FFFFFF; display: block; font-size: 20px; height: 70px; line-height: 25px; padding-left: 60px; padding-top: 166px; width: 158px;"
                            href="#">ĐẶT VÉ TRỰC TUYẾN</a>
                        <!--<div class="widget diagonal-gradiant-brown">
                            ĐẶT VÉ TRỰC TUYẾN
                        </div>-->
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span16 sitemap">
                        <a href="Index.html">/Trang chủ</a>
                        <a href="Introduction.html">/Giới thiệu</a>
                        <a href="Service.html">/Dịch vụ</a>
                        <a href="Booking.html">/Đặt vé</a>
                        <a href="News.html">/Tin tức</a>
                    </div>
                </div>
            </div>
            <div style="width: 100%; background-color: #E7DEB3; height: 60px;">
                2012 Rule of Three Communications Limited            
            </div>
        </footer>
    </div>
</body>
</html>
